﻿@{
    ViewBag.Title = "MySnap";
}

<div class="media">
    <a class="pull-left" href="#">
        <img class="media-object" src="https://twimg0-a.akamaihd.net/profile_images/2705091530/91939742e219cc54067e23a90e6f6918.jpeg">
    </a>
    <div class="media-body">
        <div class="contentContainer">
            <div class="titleBackground">
                <h4 class="media-heading">Mr Popular, 19<span class="badge" style="float: right">132</span></h4>
            </div>
            <div class="statusLine">Hi this is an example description. I could put anything here...E.g. a status.</div>
        </div>
    </div>
</div>

<div class="media">
    <a class="pull-left" href="#">
        <img class="media-object" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTpT0m3o8rmGpN6wpn9Kem5XODLU8wDJPgAmBol8CE4uYBxzmeI">
    </a>
    <div class="media-body">
        <div class="contentContainer">
            <div class="titleBackground">
                <h4 class="media-heading">Justin Bieber, 17<span class="badge badge-success" style="float: right">2.3m</span></h4>
            </div>
            <div class="statusLine">Hi it's Justin. Snap me and I might just snap you back!</div>
        </div>
    </div>
</div>
<div class="media">
    <a class="pull-left" href="#">
        <img class="media-object" src="http://media.4music.com/media/thumb/7405/64x64_50_35.jpg">
    </a>
    <div class="media-body">
        <div class="contentContainer">
            <div class="titleBackground">
                <h4 class="media-heading">Mr Popular, 19<span class="badge badge-success" style="float: right">1.8k</span></h4>
            </div>
            <div class="statusLine">Hi this is an example description. I could put anything here...E.g. a status.</div>
        </div>
    </div>
</div>

<div class="media">
    <a class="pull-left" href="#">
        <img class="media-object" src="http://media.tumblr.com/tumblr_md79xsDLzO1qdeu0k.jpg">
    </a>
    <div class="media-body">
        <div class="contentContainer">
            <div class="titleBackground">
                <h4 class="media-heading">Justin Bieber, 17<span class="badge badge-success" style="float: right">2.3m</span></h4>
            </div>
            <div class="statusLine">Hi it's Justin. Snap me and I might just snap you back!</div>
        </div>
    </div>
</div>
@section right {
    <h4>Remaining Snaps: 1,000</h4>
    <p><a href="#">Click here to get more.</a></p>
    <h4>Change main image:</h4>
    <p><input type="file" /></p>
    <h4>Edit your description:</h4>
    <p><textarea placeholder="Description"></textarea></p>
    <h4>Add an e-mail address:</h4>
    <p><input type="text"/></p>
}